<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>cityWalkPage</title>
	<link rel="stylesheet" type="text/css" href="css/cityWalkPage.css">
	<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
	<script type="text/javascript" src="js/baiduTemplate.js"></script>
</head>
<body>
	<!-- 头部 -->
	<header>
		<img src="../img/(1).png" class="logo">
		<!-- 头部左边的 -->
		<ul class="nav_font">
			<li><a>目的地</a></li>
			<li><a>锦囊</a></li>
			<li><a>行程助手</a></li>
			<li>
				<a>社区</a>
				<img src="../img/left.png">
				<div class="showHide">
					<p>
						<img src="../img/luntan.png">
						<span>旅行论坛</span>
						<img src="../img/right1.png">
					</p>
					<p>
						<img src="../img/wenda.png">
						<span>旅行问答</span>
					</p>
					<p>
						<img src="../img/shenghuoshiyanshi.png">
						<span>JNE旅行生活美学</span>
					</p>
				</div>
			</li>
			<li><a>最世界<span>.</span>自由行</a></li>
			<li><a>机票</a></li>
			<li><a>酒店</a></li>
			<li>
				<a>预定</a>
				<img src="../img/left.png">
				<div class="lastLiIcon">
					<p>
						<img src="../img/chengshi.png">
						<span>特价酒店</span>
					</p>
					<p>
						<img src="../img/airbnb.png">
						<span>Airbnb</span>
					</p>
					<p>
						<img src="../img/iconfont-baoxian-2.png">
						<span>保险</span>
					</p>
					<p>
						<img src="../img/huarenlvguan.png">
						<span>华人旅馆</span>
					</p>
					<p>
						<img src="../img/lunchuan.png">
						<span>邮轮</span>
					</p>
					<p>
						<img src="../img/zuche.png">
						<span>租车</span>
					</p>
				</div>
			</li>
		</ul>
		<!-- 头部右边的 -->
		<ul class="nav_icon">
			<li>
				<input type="text"/>
				<img src="../img/zoom.png">
			</li>
			<li>
				<span></span>
			</li>
			<li>
				<label>&#xe6c7;</label>
			</li>
			<li>
				<label>&#xe60a;</label>
			</li>
			<li>
				<label>&#xe619;</label>
			</li>
			<li>注册</li>
			<li>登陆</li>
		</ul>
	</header>
	<!-- 导航 -->
	<nav class="nav-first">
		<div class="nav-first-fir">
			<div><a><img src="../img/foot-logo.png" class="logoimg"></a></div>
			<!-- 导航 上面的input-->
			<div>
				<form>
					<input type="text" placeholder="搜索国家、城市、产品" autocomplete="off" id="textInput" >
					<p></p>
					<input type="submit" value="">
					<span class="spnSearch">&#xe611;</span>
				</form>
				<!-- 导航 下面的国家-->
				<ul class="nav_city">
					<li>
						<span>日本</span>
						<label>热门搜索</label>
					</li>
					<li>
						<span>清迈</span>
						<label>热门搜索</label>
					</li>
					<li>
						<span>海岛</span>
						<label>热门搜索</label>
					</li>
					<li>
						<span>法国</span>
						<label>热门搜索</label>
					</li>
					<li>
						<span>台湾</span>
						<label>热门搜索</label>
					</li>
					<li>
						<span>韩国</span>
						<label>热门搜索</label>
					</li>
				</ul>
			</div>
			<p class="order_save">
				<a>我的订单</a>
				<a>我的收藏</a>
			</p>
		</div>
	</nav>
	<!-- 下面的导航条 -->
	<nav class="nav_a_title">
		<a class="nav_a_ta">热门目的地</a>
		<a>首页</a>
		<a>机酒自由行</a>
		<a>城市玩乐</a>
		<a>签证</a>
		<a>租车自驾</a>
		<a>邮轮</a>
		<a>海岛游</a>
		<a>限时特卖</a>
		<a>特色路线</a>
		<a>CityWalk</a>
	</nav>
	<!-- 左侧-->
	<ul class="leftAside"></ul>
	<img class="bigIcon" src="img/banner1-black-img1.jpg">
	<div class="successSelect">
		
	</div>
</body>
<!-- 轮播左侧模板 -->
<script type="text/html" id="templeSwiperLeft">
	<%for(var i=0;i<data.length;i++){%>
   		<li>
   			<span class="iconImg">&#xe606;</span>
   			<p class="cityName">
   				<span class="cityNameTile"><%=data[i].title%></span>
   				<%for(var j=0;j<data[i].mainCity.length;j++){%>
   					<span class="undeline"><%=data[i].mainCity[j]%></span>
   				<%}%>
   				<img src="img/right1.png" class="rightFloat">
   			</p>
   			<div class="innerContent">
   			<%for(var k=0;k<data[i].moreCity.length;k++){%>
   					<p class="moreCity_branch">
   						<b><%=data[i].moreCity[k].cityName%></b>
   						<span class="moreCity_litterbranch">
   							<%for(var q=0;q<data[i].moreCity[k].items.length;q++){%>
   								<%if(i==5){%>
   									<img src=<%=data[i].moreCity[k].items[q]%> >
   								<%}%>
   								<%if(i!=5){%>
   									<a><%=data[i].moreCity[k].items[q]%></a>
   								<%}%>	 
   							<%}%>
   						</span>
   					</p>
   			<%}%>
   			<img class="lastIcon" src=<%=data[i].moreCityImg%> >
   			</div>
   		</li>
    <%}%>
</script>
<!-- 所在城市的模板 -->
<script type="text/html" id="directionCity">
	
</script>
<script type="text/javascript" src="js/cityWalkPage.js"></script>
</html>